<template>
  <view class="content-view">
    <view class="content-input-view">
      <textarea
        class="content-inout"
        value="123123123"
        auto-height="true"
        placeholder="说点什么吧....."
      />
    </view>

    <view class="bottom-view"></view>
  </view>
</template>

<script>
export default {
  data() {
    return {};

    uni.navigateTo({
         url: 'test?id=1&name=uniapp';
    });
  },
  methods: {}
};
</script>

<style lang="scss">
.content-view {
  background: rgba(250, 251, 251, 1);
  flex: 1;
  display: flex;
  flex-direction: column;

  .content-input-view {
    margin-top: 12px;
    padding: 20px;
    box-sizing: border-box;

    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 1),
      0px 0px 0px 0px rgba(229, 229, 229, 1);

    width: 100%;
    height: 300px;
    .content-inout {
      flex: 1;
    }
  }

  .bottom-view {
    display: flex;
    flex-direction: row;
  }
}
</style>
